<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>sub3</title>
<link rel="stylesheet" href="css/style.css"></head>
<body>
<div class="wrappe0">
			<div class="left">
				<div class="left-logo">
					<a href="###"><img src="images/logo-0.png"></a>
				</div>
				<div class="left-up">
					<div class="left-up1"><img src="images/left-logo-1.png" alt="">&nbsp;강사소개</div>
					<div class="left-up2"><img src="images/left-logo-2.png" alt="">강의시간</div>
					<div class="left-up3"><img src="images/left-logo-3.png" alt="">&nbsp;FAQ</div>
				</div>
				<div class="left-login-list">
					<div class="left-login">
						<img src="images/bg-jianbian-login1.png">
						<div class="login1">
						<p >Member Login</p>
						</div>
						<div class="login2">
							<div class="login2-1">
								<p>·ID</p>
								<p>·WD</p>
							</div>
							<div class="login2-2">
								<input type="text"class="text">
								<input type="text"class="text">
							</div>
							<div class="login2-3">
								LOGIN
							</div>
						</div>
						<div class="login3">
							<div class="login3-1"><a href="###">회원가입</a> </div>
							<div class="login3-1"> <a href="###">ID/PW찾기</a></div>
						</div>
					</div>
					<div class="left-list">
						<div class="list-top">
							<img src="images/left-pic-heiban.png">
							<h2>수강등록</h2>
							<p>CURRICULUM</p>
						</div>
						<div class="list">
							<div class="list1">
								<a href="###">·  수강신청</a>
							</div>
							<div class="list1">
								<a href="###"> ·  추천강좌</a>
							</div>
							<div class="list1">
								<a href="###"> · 학사일정</a>
							</div>
							<div class="list1">
								<a href="###"> ·  강의시간표</a>
							</div>
							<div class="list1">
								<a href="###"> ·  학원뉴스</a>
							</div>
						</div>
					</div>
				</div>
				<div class="left-search">
					<img src="images/icon-search.png">
					<p>강사/강의 검색</p>
					<input type="radio" class="radi" />강사      
					<input type="radio" class="radi" />강의
					<input type="text" class="text text1-1">
					<img src="images/bg-input_03.png" class="img-input"  >
				
				</div>
				<div class="left-phone">
					<img src="images/left-phone.png">
				</div>
			</div>
			<div class="right-0">
			</div>
			<div class="right-top-0">
				<a href="###" class="top-0">·HOME</a>
				<a href="###" class="top-0">·LOGIN</a>
				<a href="###" class="top-0">·CONTACT US</a>
				<a href="###" class="top-0">·SITEMAP</a>
			</div>
			<div class="right-1">
			</div>
			<div class="right">
				<div class="right-top">
					<ul>
					  	<li class="nav0"><a href="###" class="nav1">학원소개</a><a href="###" class="nav2">ABOUTACADEMY</a>
					  	<ul class="top-hidden0">
					  		<li class="top-hidden1"><a href="###" >인사말|</a></li>
							<li class="top-hidden1"><a href="###"> 학원둘러보기|</a></li>
							<li class="top-hidden1"><a href="###">오시는길|</a></li>
							<li class="top-hidden1"><a href="###">오시는길| </a></li>
					  	</ul>
					  	</li>
					  	<li class="nav0"><a href="###" class="nav1">수강등록 </a><a href="###" class="nav2">REGISTATION  </a>
                        <ul class="top-hidden0 top-hidden2">
					  		<li class="top-hidden1"><a href="###" >인사말|</a></li>
							<li class="top-hidden1"><a href="###"> 학원둘러보기|</a></li>
							<li class="top-hidden1"><a href="###">오시는길|</a></li>
							<li class="top-hidden1"><a href="###">오시는길| </a></li>
					  	</ul>
					  	  </li>
					  	<li class="nav0"><a href="###" class="nav1">교육과정</a><a href="###" class="nav2">CURRICULUM</a>
					  	                        <ul class="top-hidden0 top-hidden3">
					  		<li class="top-hidden1"><a href="###" >인사말|</a></li>
							<li class="top-hidden1"><a href="###"> 학원둘러보기|</a></li>
							<li class="top-hidden1"><a href="###">오시는길|</a></li>
							<li class="top-hidden1"><a href="###">오시는길| </a></li>
					  	</ul></li>
					  	<li class="nav0"><a href="###" class="nav1">취업정보</a><a href="###" class="nav2">JOBINFO</a>
					  	                        <ul class="top-hidden0 top-hidden4">
					  		<li class="top-hidden1"><a href="###" >인사말|</a></li>
							<li class="top-hidden1"><a href="###"> 학원둘러보기|</a></li>
							<li class="top-hidden1"><a href="###">오시는길|</a></li>
							<li class="top-hidden1"><a href="###">오시는길| </a></li>
					  	</ul></li>
					  	<li class="nav0"><a href="###" class="nav1">고객센터</a><a href="###" class="nav2"> CUSTOMER</a>
					  	<ul class="top-hidden0 top-hidden5">
					  		<li class="top-hidden1"><a href="###" >인사말|</a></li>
							<li class="top-hidden1"><a href="###"> 학원둘러보기|</a></li>
							<li class="top-hidden1"><a href="###">오시는길|</a></li>
							<li class="top-hidden1"><a href="###">오시는길| </a></li>
					  	</ul></li>
					 </ul>                                                                                     
				</div>
				<div class="content0">
					<img src="images/icon-right-triangle.png" class="img1">
					 <a href="###"><h2>인사말</h2></a>
					 <a href="###"><p>ㅣ 아사아카데미 대표이사를 소개합니다.</p></a>
						<a href="###"><span class="c1">Home > 학원소개 > 인사말</span></a>
					<img src="images/icon-home.png" class="img2">		
				</div>
				<div class="content1">
					<div class="center-content">
						<!-- <img src="images/center-bg-whitetouming.png" alt=""> -->
				<div class="center-book"><img src="images/centere-pic-book.png" alt=""></div>
				<div class="center-text"><img src="images/center-text.png" alt=""></div>
				<div class="center-icon1"><img src="images/center-icon-1.png" alt=""></div>
				<div class="center-yellow"><img src="images/center-bg-yellow.png" alt=""></div>
				<div class="center-icon2"><img src="images/center-icon-2.png" alt=""></div>
				<div class="center-green"><img src="images/center-bg-green.png" alt=""></div>
				<div class="center-icon3"><img src="images/center-icon-3.png" alt=""></div>
				<div class="center-text1">日本정렬되었습&nbsp;&nbsp;스트강좌트스</div>
				<div class="center-text2">스트강좌&nbsp;&nbsp;&nbsp;스트강좌좌 </div>
			</div>
		</div>
		<div class="down">
			<div class="down-top">
				<div class="down-top-titlie">* 40개의 상품이 정렬되었습니다.</div>
				<div class="down-top-nav">
					<ul class="down-top-nav-ul">
						<li><a href="#">베스트강좌 </a></li>
						<li><a href="#">추천강좌</a></li>
						<li><a href="#">추천강좌</a></li>
					</ul>
				</div>
			</div>
			<div class="down-content">
				<div class="down-content-title">&nbsp;&nbsp;<b>등급</b>&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;시간표&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;시간|시&nbsp;|&nbsp;&nbsp;간표&nbsp;&nbsp;|&nbsp;&nbsp;시간&nbsp;&nbsp;|&nbsp;&nbsp;시간|시</div>

				<div class="down-content1">
					&nbsp;&nbsp;<b>등급</b>&nbsp;&nbsp;&nbsp;시간|시시간|시시istening&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;시간|시&nbsp;&nbsp;&nbsp;&nbsp;20&nbsp;&nbsp;&nbsp;<div class="down-content-img1"><img src="images/down-icon-green.png" alt="">&nbsp;&nbsp;&nbsp;&nbsp;</div><div class="down-content-img2"><img src="images/down-icon-dianji.png" alt=""></div>
				</div>

				<div class="down-content2">
					&nbsp;&nbsp;<b>등급</b>&nbsp;&nbsp;&nbsp;시간|시시간|시시istening&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;시간|시&nbsp;&nbsp;&nbsp;&nbsp;20&nbsp;&nbsp;&nbsp;<div class="down-content-img1"><img src="images/down-icon-green.png" alt="">&nbsp;&nbsp;&nbsp;&nbsp;</div><div class="down-content-img2"><img src="images/down-icon-dianji.png" alt=""></div>
				</div>

				<div class="down-content3">
					&nbsp;&nbsp;<b>등급</b>&nbsp;&nbsp;&nbsp;시간|시시간|시시istening&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;시간|시&nbsp;&nbsp;&nbsp;&nbsp;20&nbsp;&nbsp;&nbsp;<div class="down-content-img1"><img src="images/down-icon-green.png" alt="">&nbsp;&nbsp;&nbsp;&nbsp;</div><div class="down-content-img2"><img src="images/down-icon-dianji.png" alt=""></div>
				</div>

				<div class="down-content4">
					&nbsp;&nbsp;<b>등급</b>&nbsp;&nbsp;&nbsp;시간|시시간|시시istening&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;시간|시&nbsp;&nbsp;&nbsp;&nbsp;20&nbsp;&nbsp;&nbsp;<div class="down-content-img1"><img src="images/down-icon-green.png" alt="">&nbsp;&nbsp;&nbsp;&nbsp;</div><div class="down-content-img2"><img src="images/down-icon-dianji.png" alt=""></div>
				</div>

				<div class="down-content5">
					&nbsp;&nbsp;<b>등급</b>&nbsp;&nbsp;&nbsp;시간|시시간|시시istening&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;시간|시&nbsp;&nbsp;&nbsp;&nbsp;20&nbsp;&nbsp;&nbsp;<div class="down-content-img1"><img src="images/down-icon-green.png" alt="">&nbsp;&nbsp;&nbsp;&nbsp;</div><div class="down-content-img2"><img src="images/down-icon-dianji.png" alt=""></div>
				</div>

				<div class="down-content6">
					&nbsp;&nbsp;<b>등급</b>&nbsp;&nbsp;&nbsp;시간|시시간|시시istening&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;시간|시&nbsp;&nbsp;&nbsp;&nbsp;20&nbsp;&nbsp;&nbsp;<div class="down-content-img1"><img src="images/down-icon-green.png" alt="">&nbsp;&nbsp;&nbsp;&nbsp;</div><div class="down-content-img2"><img src="images/down-icon-dianji.png" alt=""></div>
				</div>

				<div class="down-content7">
					&nbsp;&nbsp;<b>등급</b>&nbsp;&nbsp;&nbsp;시간|시시간|시시istening&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;시간|시&nbsp;&nbsp;&nbsp;&nbsp;20&nbsp;&nbsp;&nbsp;<div class="down-content-img1"><img src="images/down-icon-green.png" alt="">&nbsp;&nbsp;&nbsp;&nbsp;</div><div class="down-content-img2"><img src="images/down-icon-dianji.png" alt=""></div>
				</div>

				<div class="down-content8">
					&nbsp;&nbsp;<b>등급</b>&nbsp;&nbsp;&nbsp;시간|시시간|시시istening&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;시간|시&nbsp;&nbsp;&nbsp;&nbsp;20&nbsp;&nbsp;&nbsp;<div class="down-content-img1"><img src="images/down-icon-green.png" alt="">&nbsp;&nbsp;&nbsp;&nbsp;</div><div class="down-content-img2"><img src="images/down-icon-dianji.png" alt=""></div>
				</div>
				<div class="down-yema">
					<div class="down-preu"><a href="#"><img src="images/down-icon-preu.png" alt=""></a></div>
					<a href="#">&nbsp;1</a>
					<a href="#">&nbsp;2</a>
					<a href="#">&nbsp;3</a>
					<a href="#">&nbsp;4</a>
					<a href="#">&nbsp;5</a>
					<a href="#">&nbsp;6</a>
					<a href="#">&nbsp;7</a>
					<a href="#">&nbsp;8</a>
					<a href="#">&nbsp;9</a>
					<div class="down-next"><a href="#"><img src="images/down-icon-next.png" alt=""></a></div>
				</div>
				<div class="down-serch">
					<select class="down-option">
		            	<option value="volvo">&nbsp;&nbsp;&nbsp;시간|시시&nbsp;</option>
						<option value="saab">시간|시시</option>
		            </select>	
		            <form name="input" action="" method="get">
						<input type="text" name="user" />
						<input type="submit" value="Submit" />
					</form>
				</div>
		    </div>
				</div>
			</div>
		<div class="footer-bg">
			<div class="left-logo footer-img">
				<a href="###"><img src="images/logo-0.png"></a>
				</div><a href="###">
				<div class="footer-center">
				<p class="footer-c1">개인정보보호정책  |          사이트 이용관련 건의      |   저작권 정책    |      찾아오시는길        |  이용안내    </p>
				<p class="footer-c2">[123-456 ] 서울 특별시 아사구 가나동 123번지 TEL : 01)234-5678~9</p>
				<p class="footer-c3">COPYRIGHT 2007 ABC ALL RIGHTS RESERVER</p>
				</div></a>
				<div class="footer-right">
					<p>·FAMLY SITE</p>
					<select name="###" class="footer-select ">
					<option value="###" > ----------</option>
					<option value="1" >1</option>
					<option value="2" selected="selected"  > ------------------------</option>
					<option value="2"  >1</option>
					</select>
				</div>
		</div>
		<div class="banner"></div>
	
	<div class="right-right">
		<img src="images/pic-right-right.png">
	</div></div>
</body>
</html>